<html xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:h="http://java.sun.com/jsf/html"      
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui">  
 <h:head>
 </h:head>  
 <h:body>
	<ui:composition template="../../templates/commonLayoutUsers.xhtml">
		<ui:define name="title">#{msg.titleHome}</ui:define>
		<ui:define name="content">
 			<h:form id="themeForm">
	 			<p:messages showDetail="false" autoUpdate="true" closable="false"/>  
 				<h2>#{msg.changeTheme}</h2> 
               	<h:panelGrid columns="2" style="width:70%; text-align:center">
               		<h:outputText value="#{msg.theme}"/>
               		<p:themeSwitcher effectSpeed="normal" effect="fold" style="width:165px" id="defaultSwitcher" value="#{themeSwitchMB.theme}">
                		<f:selectItems value="#{themeSwitchMB.themes}" />
                  		<p:ajax global="false" listener="#{themeSwitchMB.saveTheme}" />
               		</p:themeSwitcher>
               	
		     		<p:commandButton value="#{msg.resetButton}" action="#{themeSwitchMB.reset}" ajax="false" styleClass="button-action"/>
		     		<p:commandButton value="#{msg.saveButton}" action="#{themeSwitchMB.save}" ajax="false" styleClass="button-action"/>
		     	 </h:panelGrid>
           </h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html> 